<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>

<link rel="Shortcut Icon" href="./images/bitbug_favicons.ico"/>
<!--[if lt IE 9]>
<script src="./js/compatible/html5shiv.js"></script>
<script src="./js/compatible/respond.min.js"></script>
<![endif]-->
<link href="./css/h-ui/H-ui.min.css" rel="stylesheet" type="text/css"/>
<link href="./css/h-ui/iconfont.css" rel="stylesheet" type="text/css"/>
<link href="./css/h-ui/H-ui.admin.css" rel="stylesheet" type="text/css"/>
<link href="./css/util/honeySwitch.css" rel="stylesheet" type="text/css"/>
<link href="./css/util/layui.css" rel="stylesheet" type="text/css"/>
<link href="./css/style.css" rel="stylesheet" type="text/css"/>
<link href="./css/skin.css" rel="stylesheet" type="text/css" id="skin"/>
<!--[if IE 6]>
<script type="text/javascript" src="./js/compatible/DD_belatedPNG_0.0.8a-min.js"></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->

<title>田美物流站点系统</title>
<meta name="keywords" content="田美物流站点系统,田美物流">
<meta name="description" content="田美物流站点系统,田美物流">

</head>
<body>
<!--_header 作为公共模版分离出去-->
<header class="navbar-wrapper">
    <div class="navbar navbar-fixed-top">
        <div class="container-fluid cl"><a class="logo navbar-logo f-l mr-10 hidden-xs" href="./index.html"><img
                src="./images/logo.png" width="32"></a> <a class="logo navbar-logo-m f-l mr-10 visible-xs"
                                                           href="./index.html"><img src="./images/logo.png" width="32"></a>
            <span class="logo  f-l mr-10 f-24" style="color:#fff;">田美物流</span>
            <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;" data-type="aside">
                &#xe68b;</a>
            <nav class="nav navbar-nav nav-collapse" role="navigation" id="Hui-navbar" style="display:none;">
                <ul class="cl" id="nav_first">
                    <li data-first="index" data-second="indexSecond" data-third="indexThird"><a>系统首页</a></li>
                    <!-- <li data-first="sales" data-second="salesSecond" data-third="salesThird"><a>销售中心</a></li> -->
                    <li data-first="operation" data-second="operationSecond" data-third="operationThird"><a>运营中心</a></li>
                    <li data-first="finance" data-second="financeSecond" data-third="financingThird"><a>财务中心</a></li>
                    <li data-first="manage" data-second="manageSecond" data-third="manageThird"><a>系统管理</a></li>
                </ul>
            </nav>
            <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
                <ul class="cl mr-50">
                    <li class="dropDown dropDown_hover"><a href="#" class="dropDown_A"><i
                            class="Hui-iconfont Hui-iconfont-avatar header-avatar"></i><img class="account-avatar" id="account_avatar" src="" width="24" style="display: none;"> <span id="account"></span> <i class="Hui-iconfont">
                        &#xe6d5;</i></a>
                        <div class="dropDown-menu menu radius box-shadow personal-info">
                            <div class="title">
                                <span>账户信息</span><a href="./account-setting.html">账户设置</a>
                            </div>
                            <div class="info">

                                <!-- <p>·所在部门：<span id="section">-</span></p> -->
                                <p>·本次登录：<span id="login_time">-</span></p>
                                <p>·登录地区：<span id="login_area">-</span></p>
                                <p>·上次登录：<span id="last_login_time">-</span></p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="./index.html" title="主页"><i class="Hui-iconfont Hui-iconfont-home header-icon"></i></a>
                    </li>

                   <!--  <li class="dropDown dropDown_hover" id="Hui-msg"><a href="#" class="dropDown_A" title="消息"><span class="badge badge-danger" id="message_total"></span><i
                            class="Hui-iconfont Hui-iconfont-msg header-icon"></i></a>
                        <div class="dropDown-menu menu radius box-shadow mx-message-menu">
                            <div class="title">
                                <span>订单提醒</span>
                            </div>
                            <div class="items">
                                <a href="order-list.html">已发货订单<span>(<em class="c-danger" id="hasBeenNum">-</em>)</span></a>
                                <a href="order-list.html">已完成订单<span>(<em class="c-danger" id="newCompleteOrderNum">-</em>)</span></a>
                            </div>
                        </div>
                    </li> -->
                    <li id="logout"><a href="#" title="退出"><i
                            class="Hui-iconfont Hui-iconfont-power header-icon"></i></a></li>
                </ul>
            </nav>
        </div>
    </div>
</header>
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
<aside class="Hui-aside">
    <div class="menu-left" id="nav_second">
        <ul data-first="index" data-second="indexSecond">
            <li data-third="indexThird">
                <a>
                    <i class="Hui-iconfont Hui-iconfont-home2"></i>
                    <p>首页</p>
                </a>
            </li>
            <li data-third="runThird">
                <a>
                    <i class="Hui-iconfont Hui-iconfont-youhuiquan"></i>
                    <p>运营</p>
                </a>
            </li>
            <li data-third="orderThird">
                <a>
                    <i class="Hui-iconfont Hui-iconfont-quanbudingdan"></i>
                    <p>订单</p>
                </a>
            </li>
        </ul>


    </div>
    <div class="menu-right" id="nav_third">
        <ul data-third="indexThird">
            <li>
                <div class="name">系统首页</div>
                <div class="lists">
                    <a href="./index.html" data-first="index" data-second="indexSecond" data-third="indexThird">· 系统首页</a>
                    <a href="./account-setting.html" data-first="index" data-second="indexSecond" data-third="indexThird">· 账户设置</a>
                    <a href="./system-message.html" data-first="index" data-second="indexSecond" data-third="indexThird">· 系统信息</a>
                    <a href="./login-log.html" data-first="index" data-second="indexSecond" data-third="indexThird">· 登录日志</a>
                </div>
            </li>
        </ul>
        <ul data-third="runThird">
            <li>
                <div class="name">人员管理</div>
                <div class="lists">
                    <a href="./person-list.html" data-first="index" data-second="indexSecond" data-third="runThird">· 人员列表</a>
                </div>
            </li>
            <li>
                <div class="name">账户管理</div>
                <div class="lists">
                    <a href="./station-info.html" data-first="index" data-second="indexSecond" data-third="runThird">· 站点信息</a>
                    <a href="./bank-list.html" data-first="index" data-second="indexSecond" data-third="runThird">· 银行卡列表</a>
                    <a href="./business-info.html" data-first="index" data-second="indexSecond" data-third="runThird">· 业务信息</a>
                    <a href="./income-info.html" data-first="index" data-second="indexSecond" data-third="runThird">· 收入明细</a>
                    <a href="./recharge-info.html" data-first="index" data-second="indexSecond" data-third="runThird">· 充值记录</a>
                    <a href="./withdrawal-info.html" data-first="index" data-second="indexSecond" data-third="runThird">· 提现记录</a>
                </div>
            </li>
        </ul>
        <ul data-third="orderThird">
            <li>
                <div class="name">快件管理</div>
                <div class="lists">
                    <a href="./stock-out.html" data-first="index" data-second="indexSecond" data-third="orderThird">· 出库订单</a>
                    <a href="./stock-in.html" data-first="index" data-second="indexSecond" data-third="orderThird">· 入库订单</a>
                </div>
            </li>
            <li>
                <div class="name">装箱管理</div>
                <div class="lists">
                    <a href="./packing-list.html" data-first="index" data-second="indexSecond" data-third="orderThird">· 装箱列表</a>
                    <a href="./devanning-list.html" data-first="index" data-second="indexSecond" data-third="orderThird">· 拆箱列表</a>
                    <a href="./transit-list.html" data-first="index" data-second="indexSecond" data-third="orderThird">· 中转列表</a>

                </div>
            </li>
        </ul>

    </div>
</aside>
<div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a>
</div>
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left">订单详情</span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont " >&#xe68f;</i><span>刷新</span></a>
        </div>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
           <div class="mx-box mt-10">
                <div class="mx-title">
                    <h5 class="pl-15 c-danger current_step">当前订单状态：<span class="state"></span></h5>
                    <div class="mx-title-right">
                        <a class="btn btn-default-outline radius" id="remark_order">备注订单</a>
                    </div>
                </div>
                <div class="mx-content">
                    <h5>基本信息</h5>
                    <table class="table table-border table-bordered table-bg">
                        <thead>
                        <tr>
                            <th class="text-c">订单编号</th>
                            <th class="text-c">运单号</th>
                            <th class="text-c">下单时间</th>
                            <th class="text-c">期望上门时间</th>
                            <th class="text-c">状态信息</th>
                            <th class="text-c">物品保价</th>
                            <th class="text-c">物品类型</th>
                            <th class="text-c">物品重量</th>
                            <th class="text-c">包装</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="text-c" id="orderSn">加载中...</td>
                                <td class="text-c" id="expressOrderSn">加载中...</td>
                                <td class="text-c" id="gmtcCreate">加载中...</td>
                                <td class="text-c" id="doorTime">加载中...</td>
                                <td class="text-c state" id="orderState">加载中...</td>
                                <td class="text-c" id="protectPrice">加载中...</td>
                                <td class="text-c" id="itemType">加载中...</td>
                                <td class="text-c" id="itemWeight">加载中...</td>
                                <td class="text-c" id="orderType_info">加载中...</td>
                            </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th class="text-c">寄件人姓名</th>
                            <th class="text-c">电话</th>
                            <th class="text-c" colspan="7">详细地址</th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="text-c" id="send_name">加载中...</td>
                            <td class="text-c" id="send_mobile">加载中...</td>
                            <td class="text-c" id="send_address" colspan="7">加载中...</td>

                        </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th class="text-c">收件人姓名</th>
                            <th class="text-c">电话</th>
                            <th class="text-c" colspan="7">详细地址</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="text-c" id="recipient_name">加载中...</td>
                            <td class="text-c" id="recipient_mobile">加载中...</td>
                            <td class="text-c" id="recipient_address" colspan="7">加载中...</td>

                        </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th class="text-c">快递员姓名</th>
                            <th class="text-c">电话</th>
                            <th class="text-c">取件码</th>
                            <th class="text-c" colspan="6">所属快递</th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="text-c" id="courierRealName">加载中...</td>
                            <td class="text-c" id="courierMobile">加载中...</td>
                            <td class="text-c" id="pickCode">加载中...</td>
                            <td class="text-c" id="courierType" colspan="6">加载中...</td>

                        </tr>
                        </tbody>
                    </table>

                    <h5>操作信息</h5>
                    <table class="table table-border table-bordered table-bg">
                        <thead>
                            <tr>
                                <th class="text-c">操作者</th>
                                <th class="text-c">账号</th>
                                <th class="text-c">操作时间</th>
                                <th class="text-c">订单状态</th>
                                <th class="text-c">备注</th>
                            </tr>
                        </thead>
                        <tbody id="opList">
                            <!-- <tr>
                                <td class="text-c">用户</td>
                                <td class="text-c">2017-07-19 15:43:23</td>
                                <td class="text-c">已完成</td>
                                <td class="text-c">已支付</td>
                                <td class="text-c">已发货</td>
                                <td class="text-c">完成商品评价</td>
                            </tr> -->

                        </tbody>
                    </table>
                </div>
            </div>
        </article>
        <!--footer-->
        <footer class="footer">
    <p>
        备案号：闽ICP备17015030号<br>
        本后台系统由<a href="http://www.svtar.com/" target="_blank" title="福建省芒星网络科技服务有限公司">福建省芒星网络科技服务有限公司</a>提供技术支持
    </p>
</footer>
        <!--/footer-->
    </div>
</section>
<!-- 弹窗 -->
<div id="modal_remark" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content radius">
            <div class="modal-header">
                <h3 class="modal-title">备注订单</h3>
                <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
            </div>
            <div class="modal-body overflow-hidden">
                <table class="table table-border-no">
                    <tbody>
                    <tr>
                        <td width="80" class="text-r"><span class="c-danger">*</span>备注：</td>
                        <td><textarea class="textarea radius" id="remarkVal"></textarea></td>
                    </tr>
                    </tbody>
                </table>

            </div>
            <div class="modal-footer">
                <button class="btn btn-primary radius" id="remarkYes">确定</button>
                <button class="btn radius" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>
<!--script 公用脚本-->
<script src="./js/lib/jquery.min.js"></script>
<script src="./js/lib/H-ui.min.js"></script>
<script src="./js/util/layui.js"></script>
<script src="./js/util/H-ui.admin.page.js"></script>
<script src="./js/util/honeySwitch.js"></script>
<script src="./js/util/jquery.qrcode.min.js"></script>
<script src="./js/public/jquery.cookie.js"></script>
<script src="./js/public/md5.js"></script>
<script src="./js/public/public.js"></script>
<script src="./js/public/api.js"></script>
<script src="./js/public/common.js"></script>
<script src="./js/public/widget.js"></script>
<!--/script 公用脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script src="./js/stock-in-detail.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>